<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="body">
    <h1>13123</h1>
</div>

<script>
    // “()()”表示自执行函数
    var w;

    function width() {
        w = document.getElementById("body").offsetWidth;
        return (w);
    }

    (function (doc, win) {
        var docEl = doc.documentElement,
            // 手机旋转事件,大部分手机浏览器都支持 onorientationchange 如果不支持，可以使用原始的 resize
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                //clientWidth: 获取对象可见内容的宽度，不包括滚动条，不包括边框
                //胜利ar clientWidth = docEl.clientWidth;
                var clientWidth = width();
                if (!clientWidth) return;
                docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
            };

        recalc();
        //判断是否支持监听事件 ，不支持则停止
        if (!doc.addEventListener) return;
        //注册翻转事件
        win.addEventListener(resizeEvt, recalc, false);
    })(document, window);
</script>

</body>
</html>